<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>欢迎光临BookShare首页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/
    bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/frontcss/index.css">
  </head>
  
  <body>
     <div id="menu" class="topmenu">
		<%@ include file="menu.jsp" %>
     </div>
    <div class="myblock" style="padding-top:104px;"></div>
    <div class="container">
        <div class="header">
            <div class="midmenu col-sm-4 col-md-4 hidden-xs">
                <ol class="breadcrumb">
                    <li><a href="#">科学</a></li>
                    <li><a href="#">探索</a></li>
                    <li class="active">太空</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">文学</a></li>
                    <li><a href="#">小说</a></li>
                    <li class="active">玄幻</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">娱乐</a></li>
                    <li><a href="#">综艺</a></li>
                    <li class="active">吐槽</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">体育</a></li>
                    <li><a href="#">篮球</a></li>
                    <li class="active">NBA</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">编程</a></li>
                    <li><a href="#">前端</a></li>
                    <li class="active">BootStrap</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">时事</a></li>
                    <li><a href="#">政治</a></li>
                    <li class="active">周边</li>
                </ol>
                <ol class="breadcrumb">
                    <li><a href="#">杂谈</a></li>
                    <li><a href="#">人生</a></li>
                    <li class="active">故事</li>
                </ol>
            </div>
            
            <div class="carousel slide col-sm-8 col-md-8" id="slideshow" data-interval="2000" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#slideshow" data-slide-to="0" class="active"></li>
                    <li data-target="#slideshow" data-slide-to="1"></li>
                    <li data-target="#slideshow" data-slide-to="2"></li>
                    <li data-target="#slideshow" data-slide-to="3"></li>
                    <li data-target="#slideshow" data-slide-to="4"></li>
                </ol>

                <div class="carousel-inner" align="center">
                    <div class="item active">
                        <img src="${pageContext.request.contextPath}/resources/images/indeximages/01.jpg" alt="" style="height:350px;">
                    </div>
                    <div class="item">
                        <img src="${pageContext.request.contextPath}/resources/images/indeximages/02.jpg" alt="" style="height:350px;">
                    </div>
                    <div class="item">
                        <img src="${pageContext.request.contextPath}/resources/images/indeximages/03.jpg" alt="" style="height:350px;">
                    </div>
                    <div class="item">
                        <img src="${pageContext.request.contextPath}/resources/images/indeximages/04.jpg" alt="" style="height:350px;">
                    </div>
                    <div class="item">
                        <img src="${pageContext.request.contextPath}/resources/images/indeximages/05.jpg" alt="" style="height:350px;">
                    </div>
                </div>
                <a href="#slideshow" data-slide="prev" class="left carousel-control">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a href="#slideshow" data-slide="next" class="right carousel-control">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
        
        <label for="" style="margin-top:10px;width:1200px;height:5px;background-color:red;"></label>
        
        <div class="content">
            <h3 class="floor">1F/xx/xx</h3>
            <div id="hotProduct" class="well well-lg hotProduct clearfix">
				<ul class="tabContent" style="display: block;">
				    <s:iterator var="p" value="hList" >
				        <li style="display: inline;">
				            <a href="${ pageContext.request.contextPath }/product_findByPid.action?pid=<s:property value="#p.bid"/>" target="_blank"><img src="${pageContext.request.contextPath}/<s:property value="#p.route"/>" data-original="http://storage.shopxx.net/demo-image/3.0/201301/0ff130db-0a1b-4b8d-a918-ed9016317009-thumbnail.jpg"></a>
				        </li>
				    </s:iterator>		
				</ul>
            </div>
            
            <h3 class="floor">2F/xx/xx</h3>
            <div class="well well-lg">
                <ul class="tabContent" style="display: block;">
				    <s:iterator var="p" value="nList">
				        <li style="display: inline;">
				            <a href="${ pageContext.request.contextPath }/product_findByPid.action?pid=<s:property value="#p.bid"/>" target="_blank"><img src="${pageContext.request.contextPath}/<s:property value="#p.route"/>" data-original="http://storage.shopxx.net/demo-image/3.0/201301/4a51167a-89d5-4710-aca2-7c76edc355b8-thumbnail.jpg"></a>									
				        </li>
				    </s:iterator>		
				</ul>
            </div>
            
            <h3 class="floor">3F/xx/xx</h3>
            <div class="well well-lg">
                               <ul class="tabContent" style="display: block;">
				    <s:iterator var="p" value="nList">
				        <li style="display: inline;">
				            <a href="${ pageContext.request.contextPath }/product_findByPid.action?pid=<s:property value="#p.bid"/>" target="_blank"><img src="${pageContext.request.contextPath}/<s:property value="#p.route"/>" data-original="http://storage.shopxx.net/demo-image/3.0/201301/4a51167a-89d5-4710-aca2-7c76edc355b8-thumbnail.jpg"></a>									
				        </li>
				    </s:iterator>		
				</ul>
            </div>
            
            <h3 style="color:red">4F/xx/xx</h3>
            <div class="well well-lg">
                              <ul class="tabContent" style="display: block;">
				    <s:iterator var="p" value="nList">
				        <li style="display: inline;">
				            <a href="${ pageContext.request.contextPath }/product_findByPid.action?pid=<s:property value="#p.bid"/>" target="_blank"><img src="${pageContext.request.contextPath}/<s:property value="#p.route"/>" data-original="http://storage.shopxx.net/demo-image/3.0/201301/4a51167a-89d5-4710-aca2-7c76edc355b8-thumbnail.jpg"></a>									
				        </li>
				    </s:iterator>		
				</ul>
            </div>
            
            <h3 class="floor">5F/xx/xx</h3>
            <div class="well well-lg">
                               <ul class="tabContent" style="display: block;">
				    <s:iterator var="p" value="nList">
				        <li style="display: inline;">
				            <a href="${ pageContext.request.contextPath }/product_findByPid.action?pid=<s:property value="#p.bid"/>" target="_blank"><img src="${pageContext.request.contextPath}/<s:property value="#p.route"/>" data-original="http://storage.shopxx.net/demo-image/3.0/201301/4a51167a-89d5-4710-aca2-7c76edc355b8-thumbnail.jpg"></a>									
				        </li>
				    </s:iterator>		
				</ul>
            </div>
        </div>
        
        <div class="footer">
            
        </div>
    </div>
    
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/resources/plugins/bootstrap/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/resources/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
  </body>
</html>
